<template>
  <a-table :columns="columns" :data-source="data" :scroll="{ x: 1300 }">
    <a-space
      size="8"
      slot="action"
      style="display: flex; justify-content: space-between"
    >
      <a-button type="primary" slot="action"> 认证 </a-button>
      <a-button type="danger" slot="action"> 拒绝 </a-button>
    </a-space>
    <!-- <a slot="action"  href="javascript:;">拒绝</a> -->
  </a-table>
</template>
<script>
const columns = [
  { title: "用户ID", width: 100, dataIndex: "id", key: "id", fixed: "left" },
  {
    title: "电话",
    width: 100,
    dataIndex: "phone",
    key: "phone",
    fixed: "left",
  },
  { title: "创建时间", dataIndex: "creationDate", key: "creationDate" },
  {
    title: "审核状态",
    dataIndex: "certificationAudit",
    key: "certificationAudit",
  },
  {
    title: "操作",
    key: "operation",
    fixed: "right",
    width: 180,
    scopedSlots: { customRender: "action" },
  },
];

const data = [
  {
    key: "1",
    name: "John Brown",
    age: 32,
    address: "New York Park",
  },
  {
    key: "2",
    name: "Jim Green",
    age: 40,
    address: "London Park",
  },
];

export default {
  data() {
    return {
      data,
      columns,
    };
  },
  created() {
    this.getUserAuth();
  },
  methods: {
    getUserAuth() {
      this.$store.dispatch("userAuth/getUserList");
    },
  },
};
</script>

<style></style>
